<!DOCTYPE html>
<html>

<head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>百度地图</title>
    <link rel="stylesheet" href="style.css">
    <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=sClwXDCZC6GLOdLlYevqoiEzfaUFzqP3"></script>
    <script src="main.js"></script>
</head>

<body>
    <div id="myPageTop">
        <a href="javascript:void(0);" id="show">
        路线工具
        </a>
        <div class="pageShow">
            <h3>搜索地址</h3>
            <input id="local" placeholder="模糊地址搜索">
            <span>—&nbsp;—</span>
            <a id="city" href="javascript:void(0);">
            点击搜索
        </a>

            <h3>搜索行车路径</h3>
            <input id="star" placeholder="行车开始地址">
            <span>—&nbsp;—</span>
            <input id="end" placeholder="行车结束地址">
            <span>—&nbsp;—</span>
            <a id="car" href="javascript:void(0);">
            点击搜索
        </a>

            <h3>搜索公交路径</h3>
            <input id="bStar" placeholder="公交开始地址">
            <span>—&nbsp;—</span>
            <input id="bEnd" placeholder="公交结束地址">
            <span>—&nbsp;—</span>
            <a id="bus" href="javascript:void(0);">
            点击搜索
        </a>

            <h3>搜索步行路径</h3>
            <input id="wStar" placeholder="步行开始地址">
            <span>—&nbsp;—</span>
            <input id="wEnd" placeholder="步行结束地址">
            <span>—&nbsp;—</span>
            <a id="walk" href="javascript:void(0);">
            点击搜索
        </a>
        </div>
    </div>
    <div id="container"></div>
    <div id="panel"></div>
</body>

</html>